<!-- Ini navigasi konten member -->
<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"> Daftar Member</a></li>
  <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"> Tambah User</a></li>
</ul>

<div class="tab-content">
<!-- Ini penjelasan konten 1 -->
  <div role="tabpanel" class="tab-pane active" id="home">
  	<br>
  	<div class="well">Anda dapat menghapus member jika di perlukan </div>
  		<table class="table-responsive">
  			<table class="table table-bordered table-striped table-hover">
			<tr>
				<th>Kode</th>
				<th>Nama Kategori</th>
				<th>Brand</th>
				<th>Action</th>
			</tr>
			<tr>
				<td>001</td>
				<td>Cream</td>
				<td>Pomade</td>
				<td></td>
			</tr>
			<tr>
				<td>002</td>
				<td>Gel</td>
				<td>Pomade</td>
				<td></td>
			</tr>
			<tr>
				<td>003</td>
				<td>Serum</td>
				<td>Pomade</td>
				<td></td>
			</tr>	
			<tr>
				<td>004</td>
				<td>Spray</td>
				<td>Pomade</td>
				<td></td>
			</tr>	
  		</table>
	<nav>
  		<ul class="pagination" align="right">
    		<li><a href="#"><span aria-hidden="true" class"glyphicon glyphicon-chevron-left"></span><span class="glyphicon glyphicon-chevron-left"></span></a></li>
    		<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
    		<li><a href="#">2 <span class="sr-only">(current)</span></a></li>
    		<li><a href="#">3 <span class="sr-only">(current)</span></a></li>
    		<li><a href="#">4 <span class="sr-only">(current)</span></a></li>
    		<li><a href="#"><span aria-hidden="true" class"glyphicon glyphicon-chevron-right"></span><span class="glyphicon glyphicon-chevron-right"></span></a></li>
  		</ul>
	</nav>
  </div>

  <!-- Ini penjelasan konten 2 -->
  <div role="tabpanel" class="tab-pane" id="profile">
    <br>
  	<div class="well">Anda dapat menambahkan member secara manual jika di butuhkan dengan mengisi form-form di bawah ini : </div>
  <div class="container">
  	<div class="row">
  		<div class="col-lg-10">
			<form class="form-horizontal" role="form">
  				<div class="form-group">
    				<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    				<div class="col-sm-6">
     					<input type="email" class="form-control" id="inputEmail3" placeholder="Masukkan Email">
    				</div>
  				</div>
  				<div class="form-group">
    				<label for="inputPassword3" class="col-sm-2 control-label">Username</label>
    				<div class="col-sm-4">
      					<input type="text" class="form-control" id="inputPassword3" placeholder="Masukkan Username">
    				</div>
  				</div>
  				<div class="form-group">
    				<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    				<div class="col-sm-4">
      					<input type="password" class="form-control" id="inputPassword3" placeholder="Masukkan Password">
    				</div>
  				</div>
  				<div class="form-group">
    				<label for="inputPassword3" class="col-sm-2 control-label">Ulangi Password</label>
    				<div class="col-sm-4">
      					<input type="password" class="form-control" id="inputPassword3" placeholder="Ulangi Password">
    				</div>
  				</div>
  				<br>
  				<div class="form-group">
    				<div class="col-sm-offset-2 col-sm-10">
    					<button type="submit" class="btn btn-primary">Save</button>
      					<button type="submit" class="btn btn-default">Cancel</button>
    				</div>
    			</div>
			</form>
    	</div><!-- /input-group -->
  	</div><!-- /.col-lg-6 -->
</div>

<script>
  $(function () {
    $('#myTab a:last').tab('show')
  })
</script>